/* ============================================================
   公共样式
   ============================================================ */
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,fieldset,legend,input,select,textarea,button,th,td{margin:0;padding:0;}
body{min-width:200px;height:100%;font:14px/1.6 \5FAE\8F6F\96C5\9ED1;color:#3a3a3a;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
ul,ol{list-style:none;}
i,em{font-style:normal;}
img,fieldset{border:0 none;}
img{vertical-align:top;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
input,textarea{color:#3a3a3a;outline:0;resize:none;font:14px/1.6 \5FAE\8F6F\96C5\9ED1;}
a{color:#3a3a3a;text-decoration:none;}
a:hover{color:#ff8420;}

.form input::-webkit-input-placeholder{color:#999999;}
.form textarea::-webkit-input-placeholder{color:#999999;}
.form input:focus::-webkit-input-placeholder{color:#3a3a3a;}
.form textarea:focus::-webkit-input-placeholder{color:#999999;}

.header .logo a,.chx,.rdo,.ico-person,.plugin .gotop i,.form .other-line .ico-weixin,.form .form-line .ico-sina,.vip-power .ico,.vip-type .ico-mark,.vip-type .pri .num,.ico-vip,.ico-prev,.ico-next,.ico-switch,.ico-cls,.ico-dotted,.deal-bar i,.intro .ico-view,.tab-tick .ico-alipay,.tab-tick .ico-wepay,.tab-tick .ico-tick,.pole-tip .ico-succ,.btn-group,.ico-seven,.ico-place,.ico-star,.ico-down,.ico-port,.ico-info-s,.ico-add,.ico-del,.call .link .ico,.ico-arrow,.batch,.logo-back,.logo-fav,.logo-faved,.video-detail .play-head .ctrl .qq,.video-detail .play-head .ctrl .weixin,.video-detail .play-head .ctrl .weibo,.ico-replay,.ico-chapter,.ico-fav,.ico-faved{display:inline-block;vertical-align:middle;overflow:hidden;background:url(../imgs/sprite.png?1) no-repeat;}

.form .other-line a:hover{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}

.face,.face .avat,.eval,.choose li a{border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;}

/* 星星 */
.ico-star{width:26px;height:26px;margin-right:3px;}
.star-yellow{background-position:-114px -244px;}
.star-gray{background-position:-142px -244px;}

/* 投影 */
.shadow{background:#ffffff;border:1px solid #dcdcdc\9;-webkit-box-shadow:0 0px 3px rgba(175,175,175,0.5);-moz-box-shadow:0 0px 3px rgba(175,175,175,0.5);box-shadow:0 0px 3px rgba(175,175,175,0.5);}

.vs{margin:0 10px;color:#cecece;margin:0 10px;font-family:serif;font-size:12px;vertical-align:middle;}
.tc{text-align:center!important;}
.tr{text-align:right!important;}
.fr{float:right;}
.fl{float:left;}
.gray{color:#999999;}
.yellow{color:#ff5512;}
.yellow-light{color:#ff8420;}
.bg-gray{background:#f5f5f5;}
.layer-mask{width:100%;height:100%;position:fixed;_position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

/* 清浮 */
.clr:after,.wrap:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.clr,.wrap{zoom:1;}

/* 隐藏 */
.hide{display:none!important;}

/* 内容为空 */
.empty{color:#999999;padding:80px 0;text-align:center;font-size:16px;}
.v-empty{background:#1d1d1d;height:70px;}

.ico-play{width:48px;height:48px;position:absolute;top:50%;left:50%;margin:-24px 0 0 -24px;opacity:0;transition:opacity 1s;display:none\9;background:url(../img/ico_play.png) no-repeat;}
a:hover .ico-play{opacity:1;transition-duration:1s;display:block\9;_display:none;}
.ico-person{width:11px;height:11px;margin:-2px 6px 0 0;vertical-align:middle;overflow:hidden;background-position:-268px -161px;}
.ico-seven{width:16px;height:23px;margin-right:10px;*margin-top:3px;background-position:-170px -244px;}


/* 按钮 */
.btn{display:inline-block;color:#ffffff;height:38px;line-height:38px;padding:0 24px;text-align:center;font-size:16px;border:1px solid #a7a7a7;text-decoration:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.btn:hover{color:#ffffff;text-decoration:none;background:#e6e7ec;}
.btn-default{color:#3a3a3a;background:#f4f4f4;border-color:#a7a7a7;}
.btn-default:hover{color:#3a3a3a;background:#eeeded;border-color:#a7a7a7;}
.btn-primary{background:#ff8420;border-color:#ff8420;}
.btn-primary:hover{background:#ff8d31;border-color:#ff8d31;}
.btn-primary:active{background:#fd8823;border-color:#fd8823;}
.btn-secondary{color:#ffffff;background:#ff973d;border-color:#ff973d;}
.btn-secondary:hover{background:#ff8e2d;border-color:#ff8e2d;}
.btn-secondary:active{background:#fd8823;border-color:#fd8823;}
.btn-disabled,.btn-disabled:hover{background:#e6e7ec;color:#a5a6aa;cursor:default;}
.btn-block{display:block;}
.btn-mini{padding:0 20px;height:26px;line-height:26px;font-size:12px;}
.btn-small{padding:0 20px;height:30px;line-height:30px;font-size:14px;}
.btn-large{padding:0 80px;height:52px;line-height:52px;font-size:18px;}

.form .form-line{padding:0 0 25px 100px;}
.form .form-line .lbl{float:left;width:120px;margin-left:-140px;line-height:40px;font-size:16px;text-align:right;}
.form .form-line .txt{display:inline-block;font-size:16px;line-height:40px;}
.form .form-line .ipt,.form .form-line .taa{width:328px;height:26px;padding:6px 10px;vertical-align:middle;font-size:16px;border:1px solid #dcdcdc;}
.form .form-line .ipt:focus,.form .form-line .taa:focus{border-color:#ffc290;}
.form .form-line .taa{height:100px;}
.form .form-error{margin-top:5px;color:#ff4800;}

.form-embed .form-line{padding-left:0;}
.form-embed .form-line .lbl{width:auto;margin:0 0 -40px 0;text-indent:11px;color:#999999;position:absolute;}

.form .cache-line{color:#999999;margin-top:-15px;}
.form .cache-line .psw{float:right;}
.form .cache-line a{color:#999999;}
.form .cache-line a:hover{color:#ff8420;}
.form .other-line{padding-top:5px;}
.form .other-line .ico-weixin,.form .form-line .ico-sina{width:38px;height:38px;margin:-3px 10px 0 5px;*margin-top:0;vertical-align:middle;}
.form .other-line .ico-sina{background-position:0 -204px;}
.form .other-line .ico-sina:hover{background-position:-40px -204px;}
.form .other-line .ico-sina:active{background-position:-80px -204px;}
.form .other-line .ico-weixin{background-position:-120px -204px;}
.form .other-line .ico-weixin:hover{background-position:-160px -204px;}
.form .other-line .ico-weixin:active{background-position:-200px -204px;}
.form .agree-line{padding-bottom:0;text-align:center;color:#bcbcbc;}
.form .agree-line a{color:#bcbcbc;}
.form .verify-line{overflow:hidden;_zoom:1;}
.form .verify-line .ipt{width:168px;}
.form .verify-line .opr{float:right;}
.form .verify-line .opr .get-msg{display:block;width:138px;height:38px;line-height:38px;text-align:center;color:#666;font-size:16px;border:1px solid #dcdcdc;background:#ebebeb;}
.form .verify-line .opr .btn-on{display:block;width:138px;height:38px;line-height:38px;text-align:center;color:#fff;font-size:16px;border:none;background:#ff8420;}
.form .verify-line .opr .msg-txt{color:#999999;}
.form-box{width:350px;padding:125px 0;margin:0 auto;}

/* 提示 */
.pole-tip{text-align:center;}
.pole-tip .stat-btn{margin:50px 40px;}
.pole-tip .stat-msg{padding:10px 0;font-size:24px;}
.pole-tip .stat-msg .ico-succ{width:42px;height:42px;margin:-2px 10px 0 0;vertical-align:middle;background-position:-58px -142px;}
.pole-tip .acco-msg{padding:22px 0 40px;color:#999999;font-size:16px;}
.pole-tip .acco-msg strong{display:block;color:#3a3a3a;font-size:26px;}
.pole-tip .skip-msg{margin:0 -40px -20px -40px;padding:17px 0;border-top:1px solid #dcdcdc;color:#999999;font-size:16px;}
.pole-tip .skip-msg em{color:#ff8420;margin-right:3px;}

/* 复选框 */
.chx{width:15px;height:15px;margin:-1px 6px 0 0;*margin-top:0;vertical-align:middle;cursor:pointer;overflow:hidden;}
.chx{background-position:-242px -142px;}
.chx-on .chx{background-position:-259px -142px;}

/* 内容 */
.wrap{width:1200px;margin:0 auto;}
.container{}.ctr-padding{padding:24px 0 40px;}
.column{background:#ffffff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.content{float:left;width:840px;height:auto;min-height:450px;_height:450px;}
.sidebar{float:right;width:330px;}

/* 头部 */
.header{position:relative;z-index:99;background:#222222;}
.header .wrap{ position:relative;}
.header .logo{float:left;width:296px;padding:10px 0 11px;}
.header .logo a{display:block;height:49px;line-height:999px;overflow:hidden;background-position:0 -329px;}
.header .nav{position:absolute;top:0;left:350px;}
.header .nav li{float:left;position:relative;}
.header .nav li a{display:inline-block;height:70px;line-height:68px;padding:0 24px;font-size:16px;color:#cecece;}
.header .nav li a:hover{background:#333434;}
.header .nav .selected a,.header .nav .selected a:hover{background:#333434;}
.header .nav .selected a{font-weight:700;}
.header .user{float:right;}
.header .user .unlog{margin-top:21px;}
.header .user .unlog a{color:#cecece;}
.header .user .logon{margin-top:9px;position:relative;}
.header .user .logon .name{display:inline-block;margin-right:15px;color:#cecece;}
.header .user .logon .face{cursor:pointer;display:inline-block;position:relative;}
.header .user .logon .face .avat{width:48px;height:48px;vertical-align:middle;}
.header .user .logon .face .ico-vip{width:18px;height:18px;position:absolute;bottom:-3px;right:-3px;background-position:-271px -204px;}
.header .user .logon .drop{display:none;width:90px;padding:8px 0;background:#ffffff;border:1px solid #dcdcdc;-moz-border-radius:3px;border-radius:3px;position:absolute;top:59px;right:-20px;}
.header .user .logon .drop li{float:left;width:100%;font-size:14px;}
.header .user .logon .drop li a{display:block;height:30px;line-height:30px;padding:0 10px;text-align:center;}
.header .user .logon .drop .arrow{width:0;height:0;overflow:hidden;border-color:transparent transparent #e7e7e7;border-style:dashed dashed solid;border-width:0 4px 4px;left:50%;margin:-5px 0 0 -4px;position:absolute;background:none;}
.header .user .logon .drop .arrow-in{top:1px;border-bottom-color:#ffffff;}
.header .user .logon .drop .arrow-out{top:0;}
.header .user .show-drop .drop{display:block;}

/* 底部 */
.footer{padding:28px 0;background:#2f2f2f;position: relative;}
.footer .slogon{float:left;width:317px;height:51px;margin-right:20px;background:url(../imgs/slogon1.png) no-repeat;}
.footer .desc{position: absolute;top: 86px;color: #bfc0c0;}
.footer .qrcode{float:left;width:165px;color:#bfc0c0;font-size:12px;}
.footer .qrcode p{margin-top:34px;}
.footer .qrcode img{float:left;margin-right:18px;}
.footer .record{float:right;margin-top:5px;color:#bfc0c0;text-align:right;}
.footer .record .link a{color:#bfc0c0;}
.footer .record .link .vs{margin:0 18px;color:#565859;}
.footer .record .copyright{margin-top:5px;font-size:12px;font-family:arial;}

/* 面包屑导航 */
.bread-crumb{margin-bottom:24px;}
.bread-crumb a{color:#ff8523;}

/* 置顶 */
.plugin{width:40px;position:fixed;right:24px;bottom:177px;z-index:99;_display:none;}
.plugin a{display:block;height:27px;padding:13px 0 0;text-align:center;background:#d3d3d3;}
.plugin a:hover{background:#ff8420;}
.plugin a:active{background:#f57b17;}
.plugin .gotop i{width:26px;height:14px;vertical-align:top;background-position:-204px -161px;}

/* 翻页 */
.page{margin:0 0 20px;text-align:center;}
.page a,.page span{display:inline-block;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.page a{padding:5px 12px;margin:0 4px;color:#333333;border:1px solid #dcdcdc;background:#ffffff;}
.page a i{width:9px;height:17px;vertical-align:middle;margin-top:-4px;*margin-top:-2px;overflow:hidden;}
.page a .ico-prev{background-position:-182px -142px;}
.page a .ico-next{background-position:-193px -142px;}
.page a:hover{border-color:#ffb070;}
.page span.selected{padding:5px 12px;margin:0 4px;color:#ffffff;border:1px solid #ff8420;background:#ff8420;}
.page span.disabled{padding:5px 12px;margin:0 4px;color:#cccccc;border:1px solid #e4e4e4;background:#eeeeee;}

/* 弹窗 */
.popup{width:430px;margin:-230px 0 0 -215px;position:fixed;_position:absolute;top:50%;left:50%;z-index:101;background:#ffffff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.popup .popup-hd h2,.popup .popup-hd .tab-nav{padding:0 20px;font-size:18px;border-bottom:1px solid #dcdcdc;}
.popup .popup-hd .tab-nav li{margin-right:10px;}
.popup .popup-hd h2,.popup .popup-hd .tab-nav li a{line-height:56px;padding:0 20px;}
.popup .popup-bd{padding:30px 40px 20px;}
.popup .ico-cls{position:absolute;top:20px;right:20px;width:18px;height:18px;line-height:999px;overflow:hidden;background-position:-102px -142px;}
.popup .ico-cls:hover{background-position:-122px -142px;}
.popup .ico-cls:active{background-position:-142px -142px;}
.popup-large{width:620px;margin:-215px 0 0 -310px;}

/* 布局 */
.layout{margin-bottom:20px;}
.layout .hd{margin-bottom:12px;border-bottom:1px solid #dcdcdc;font-size:16px;}
.layout .hd h2{height:50px;line-height:50px;}
.layout .hd h2 em{color:#ff8420;}
.layout .hd .tab-nav{border-bottom:none;}
.layout-edge .hd{padding:0 20px;}
.layout-edge .bd{padding:0 20px 20px;}
.layout-gray{background:#f9f9f9;}
.layout-gray .hd{padding:0 20px;}
.layout-gray .bd{padding:6px 20px 20px;}

/* 标签 */
.tags a{display:inline-block;padding:1px 7px;margin-right:10px;margin-bottom:10px;border:1px solid #e0e0e0;background:#e0e0e0;font-size:12px;color:#333333;vertical-align:middle;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.tags a:hover{border-color:#ff8c1b;background:#ffebd7;}


/* TAB导航 */
.tab-nav{border-bottom:1px solid #dcdcdc;}
.tab-nav li{float:left;margin-right:40px;margin-bottom:-1px;position:relative;}
.tab-nav li a{display:inline-block;line-height:49px;color:#666666;width:75px;text-align:center;font-size:18px;}
.tab-nav li a:hover{color:#ff8420;}
.tab-nav .selected a,.tab-nav .selected a:hover{color:#3a3a3a;border-bottom:2px solid #ff8c1b;}

/* TAB勾选 */
.tab-tick{overflow:hidden;_zoom:1;}
.tab-tick li{float:left;width:138px;margin-right:10px;}
.tab-tick li a{display:block;padding:6px 1px;color:#666666;text-align:center;border:1px solid #e6e6e6;position:relative;background:#f4f4f4;_zoom:1;}
.tab-tick li .ico-tick{display:none;width:22px;height:24px;position:absolute;right:-2px;bottom:-2px;background-position:-242px 0;}
.tab-tick .selected a{padding:5px 0;border:2px solid #ff8420;}
.tab-tick .selected .ico-tick{display:block;}
.tab-tick li .ico-alipay,.tab-tick li .ico-wepay{display:inline-block;width:99px;height:26px;vertical-align:middle;}
.tab-tick li .ico-alipay{background-position:0 -114px;}
.tab-tick li .ico-wepay{background-position:-102px -114px;}

/* 上下图文 index.html & book_detail.html & personal_collect.html & personal_video.html */
.moda-list{*margin-bottom:20px; overflow:hidden;}
.moda-list ul{ width:105%;}
.moda-list li{float:left;width:285px;padding-bottom:12px;margin:0 20px 20px 0;}
.moda-list li .photo{position:relative;_zoom:1;}
.moda-list li .photo img{width:285px;height:160px;}
.moda-list li .photo .desc{height:34px;line-height:34px;color:#ffffff;font-size:14px;width:100%;text-indent:10px;position:absolute;bottom:0;left:0;right:0;background-color:rgba(0, 0, 0, 0.6);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');cursor:pointer;}
.moda-list li .photo .batch{width:100%;height:5px;background-position:4px -379px;display:block;}
.moda-list li .photo .txt{font-size:26px;color:#fff;position:absolute;width:100%;height:160px;line-height:160px;text-align:center;top:0;left:0;font-weight:800;}
.moda-list li .title{height:34px;line-height:34px;margin-top:6px;font-size:16px;overflow:hidden;}
.moda-list li .intro{height:20px;margin-top:3px;font-size:12px;color:#999999;}
.moda-list li .intro .para{float:left;}
.moda-list li .intro .para em{margin-right:2px;}
.moda-list li .intro .type{float:right;}
.moda-list li .intro .type .btn{margin-top:-5px;_margin-top:0;}

/* 左右图文 video_detail.html & book_detail.html */
.modb-list ul{padding-top:8px;overflow:hidden;_zoom:1;}
.modb-list li{float:left;width:100%;margin-bottom:20px;}
.modb-list li .photo{float:left;position:relative;}
.modb-list li .photo img{width:166px;height:93px;}
.modb-list li .title,.modb-list li .intro{margin-left:186px;}
.modb-list li .title{height:45px;margin-top:4px;overflow:hidden;}
.modb-list li .intro{margin-top:7px;font-size:12px;color:#999999;overflow:hidden;}
.modb-list li .intro em{margin-right:2px;}

/* 左右图文 consult_refund.shtml & course_list.shtml & personal_course.shtml & teacher.shtml */
.modc-list{*margin-bottom:20px;_margin-bottom:0;}
.modc-list .item{float:left;width:100%;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #dcdcdc;}
.modc-list .photo{float:left;}
.modc-list .photo img{width:285px;height:160px;}
.modc-list .figure{margin-left:305px;position:relative;_zoom:1;}
.modc-list .figure .title{height:26px;margin-top:2px;margin-right:100px;overflow:hidden;font-size:16px;}
.modc-list .figure .tags{margin-top:6px;}
.modc-list .figure .tags a{padding:0;margin-right:15px;margin-bottom:0;color:#666666;border:none;background:none;}
.modc-list .figure .dates{position:absolute;top:6px;right:0;color:#666666;}
.modc-list .figure .downs{margin-top:14px;}
.modc-list .figure .downs a{display:inline-block;}
.modc-list .figure .downs .ico-down{width:11px;height:11px;margin:-2px 6px 0 0;background-position:-102px -161px;}
.modc-list .figure .price{margin-top:31px;}
.modc-list .figure .price em{font-size:20px;}
.modc-list .figure .price .vs{font-size:14px;vertical-align:2px;}
.modc-list .figure .taste{text-align:right;position:absolute;bottom:0;right:0;}
.modc-list .figure .taste .hint{color:#666666;}
.modc-list .figure .taste .port{margin:9px 0 3px;}
.modc-list .figure .taste .ico-port{width:11px;height:11px;margin:-2px 6px 0 0;background-position:-115px -161px;}
.modc-list .figure .taste .deal{margin-top:17px;}
.modc-list .figure .taste .deal .btn-small{min-width:70px;_width:84px;height:30px;line-height:30px;padding:0 10px;margin-left:12px;}
.modc-list .figure .taste .deal .btn-default{color:#ffffff;background:#bebebe;border-color:#bebebe;}
.modc-list .figure .taste .deal .btn-default:hover{background:#c7c6c6;border-color:#c7c6c6;}
.modc-list .figure .pole-msg{position:relative;zoom:1;}
.modc-list .figure .pole-msg .ico-info-s{width:13px;height:13px;margin:-3px 4px 0 5px;background-position:-247px -244px;}
.modc-list .figure .pole-msg .bubble{display:none;width:380px;padding:2px;color:#222;position:absolute;right:0;bottom:28px;z-index:99;text-align:left;background:#fff1e2;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.modc-list .figure .pole-msg .bubble a{color:#ff8c1b;}
.modc-list .figure .pole-msg .bubble .inner{padding:2px 10px;zoom:1;line-height:1.6;font-size:12px;color:#666666;background:#f5f5f5;border:1px solid #ffc88f;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.modc-list .figure .pole-msg .bubble .arrow{width:0;height:0;position:absolute;overflow:hidden;right:6px;margin-bottom:-4px;border-color:#f5f5f5 transparent transparent;border-style:solid dashed dashed;border-width:6px 6px 0;}
.modc-list .figure .pole-msg .bubble .arrow-in{bottom:1px;}
.modc-list .figure .pole-msg .bubble .arrow-out{bottom:0;border-top-color:#ffc88f;}
.modc-list .figure .pole-msg .bubble .arrow-bot{bottom:-2px;border-top-color:#fff1e2;}
.modc-list .figure .show-bubble .bubble{display:block;}



/* ============================================================
   私有样式
   ============================================================ */

/* index.html(首页)
------------------------------ */
.index .container{padding-bottom:10px;}
.index .banner{margin-bottom:40px;position:relative;_zoom:1;height:560px;background:#000;background:url(../imgs/bg.jpg?1);}
.index .banner .sub-bg{height:60px;background:#fff;position:absolute;width:100%;filter:alpha(opacity=10);-moz-opacity:0.1;opacity:0.1;}
.index .banner .sub-nav{height:60px;line-height:58px;position:absolute;left:50%;margin-left:-600px;}
.index .banner .sub-nav li{float:left;margin-right:30px;}
.index .banner .sub-nav li a{color:#fff;font-size:16px;}
.index .banner .sub-nav li.selected{border-bottom:2px solid #ff8420;}
.index .banner .sub-nav li.selected a{color:#ff8420;}
.index .banner .sub-nav li a:hover{color:#ff8420;}
.index .banner .p1{position:absolute;font-size:52px;color:#fff;top:150px;}
.index .banner .p2{position:absolute;font-size:16px;color:#fff;top:270px;width:580px;}
.index .banner .p3{position:absolute;font-size:18px;color:#ff8420;top:420px;}
.index .banner .p3 em{font-size:34px;}
.index .banner .p4{position:absolute;font-size:28px;color:#fff;top:210px;margin-left:820px;width:300px;text-align:center;}
.index .banner .p4 em{color:#ff8420;}
.index .banner .p5{position:absolute;width:250px;top:280px;height:70px;line-height:70px;margin-left:820px;font-size:22px;}
.index .layouts{margin-bottom:10px;_overflow:hidden;}
.index .layouts .hd{margin-bottom:23px;overflow:hidden;_zoom:1;position:relative;}
.index .layouts .hd h2{float:left;margin-right:20px;font-size:26px;}
.index .layouts .hd .link{float:left;margin-top:8px;}
.index .layouts .hd .link a{display:inline-block;height:28px;line-height:26px;padding:0 10px;margin-right:10px;color:#666666;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.index .layouts .hd .link a:hover{color:#ff8420;}
.index .layouts .hd .link .selected{color:#ffffff!important;background:#ff8420;}
.index .layouts .hd .more{position:absolute;top:10px;right:0;}
.index .layouts .hd .more .ico-arrow{width:6px;height:9px;margin:-1px 0 0 4px;vertical-align:middle;background-position:-196px -161px;}
.index .layouts .bd{_padding-bottom:20px;}
.index .layouts .bd .moda-list{overflow:visible;}
.index .layouts .bd .moda-list li{width:283px\9;margin-bottom:30px;}
.index .layouts .bd .moda-list li img{width:283px\9;height:159px\9;}


/* video_intro.html(专辑详情)
------------------------------ */
.video-intro{}
.video-intro .chapters{}
.video-intro .chapters .chapter{cursor:default;font-size:14px;color:#666;display:block;height:68px;line-height:68px;border-bottom:1px solid #f1f1f1;}
.video-intro .chapters .chapter-hover:hover{cursor:pointer;background:#ebebeb;}
.video-intro .chapters .chapter span{padding-left:10px;}
.video-intro .chapters .chapter span.l{float:left;width:60px;overflow:hidden;}
.video-intro .chapters .chapter span.l em{background-color:#999;color:#fff;border-radius:10px;padding-left:7px;padding-right:7px;}
.video-intro .chapters .chapter span.ll{float:left;width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.video-intro .chapters .chapter span.lll{float:left;width:700px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.video-intro .chapters .chapter span.r{float:right;width:6px;height:8px;margin:28px 10px 0 0;}
.video-intro .chapters .chapter span.fin{border:2px solid #70C77D;background:#70C77D;}
.video-intro .chapters .chapter span.lrn{border:2px solid #70C77D;}
.video-intro .chapters .chapter span.lrn em{background:#70C77D;width:10px;height:10px;float:left;margin-left:-12px;}
.video-intro .chapters .chapter span.ept{border:2px solid #e0e0e0;}
.user-list{}
.user-list .user{position:relative;height:68px;}
.user-list .user .avat{width:50px;height:50px;border-radius:50%;position:absolute;}
.user-list .user .right{padding-left:60px;padding-top:5px;}
.user-list .user .right .name{color:#666;font-size:14px;}
.user-list .user .right .date{color:#999;font-size:12px;}
.intro{line-height:30px;}
.mentor{position:relative;height:100px;}
.mentor .avat{width:84px;height:84px;border-radius:50%;position:absolute;left:10px;top:5px;}
.mentor .right{padding-left:114px;padding-top:18px;}
.mentor .right .name{font-size:18px;color:#3a3a3a;margin-bottom:7px;}
.mentor .right .info{font-size:14px;color:#666;}
.video-intro .banner{margin-bottom:20px;position:relative;_zoom:1;height:520px;background:#000;background:url(../imgs/bg-course.jpg);}
.video-intro .banner .title{font-size:22px;color:#3a3a3a;height:90px;line-height:90px;}
.video-intro .banner .box{height:360px;overflow:hidden;position:relative;}
.video-intro .banner .box .cover{width:640px;height:360px;float:left;}
.video-intro .banner .box .txt{position:absolute;width:640px;height:360px;line-height:360px;text-align:center;color:#fff;font-size:60px;font-weight:800;top:0;left:0;}
.video-intro .banner .box .l{float:left;background:#4e4e4e;width:280px;}
.video-intro .banner .box .l .square{font-size:24px;color:#fff;height:120px;padding:0 40px;}
.video-intro .banner .box .l .square .i{border-bottom:1px solid #606060;}
.video-intro .banner .box .l .square .i span{float:left;line-height:120px;}
.video-intro .banner .box .l .square .i em{float:left;font-size:14px;color:#a3a3a3;width:80px;line-height:120px;}
.video-intro .banner .box .l .block1{display:block;background:#54c39d;color:#fff;font-size:16px;height:180px;text-align:center;}
.video-intro .banner .box .l .block1:hover{background:#64d0ac;}
.video-intro .banner .box .l .block1 .ico-fav,.video-intro .banner .box .l .block1 .ico-faved{margin-top:55px;}
.video-intro .banner .box .l .block1 p{margin-top:10px;}
.video-intro .banner .box .l .block2{display:block;background:#ff8420;color:#fff;font-size:28px;height:180px;text-align:center;line-height:180px;}
.video-intro .banner .box .l .block2:hover{background:#ff8d31;}
.ico-fav{width:40px;height:38px;background-position:-236px -263px;}
.ico-faved{width:40px;height:38px;background-position:-195px -263px;}
.video-intro .progress-box{height:8px;border-radius:4px;background:#a3a3a3;margin-top:32px;}
.video-intro .progress-box .progress{height:8px;border-radius:4px;background:#ff8420;position:relative;}
.video-intro .progress-box .progress .tip{display:none;font-size:14px;color:#fff;background:#545454;width:84px;text-align:center;border-radius:4px;position:absolute;top:20px;right:-42px;height:50px;}
.video-intro .progress-box .progress .tip span{position:absolute;left:8px;top:4px;}
.video-intro .progress-box .progress .tip .angle{position:absolute;font-size:30px;left:33px;top:-25px;color:#545454;}
.video-intro .progress-box .progress .tip em{font-size:14px;color:#ff8420;display:block;margin-top:25px;}
.video-intro .progress-box .progress:hover .tip{display:block;}


/* video_detail.html(视频详情)
------------------------------ */
.video-detail .play-area{background:#000;position:relative;overflow:hidden;}
.video-detail .play-area .chapter-box{left:-52px;top:266px;position:absolute;background:#313131;text-align:center;padding:12px 14px 8px;}
.video-detail .play-area .chapter-box:hover{background:#4e4e4e;}
.video-detail .play-area .chapter-box .txt{color:#a6a6a6;font-size:12px;}
.video-detail .play-area .play-box{height:680px;text-align:center;}
.video-detail .play-area .play-box .preview_tips{position:absolute;text-align:left;left:50%;margin-left:-568px;top:0;width:1116px;height:36px;background:rgba(0,0,0,0.5) !important;padding-left:20px;background:#000;filter:Alpha(opacity=50);}
.video-detail .play-area .play-box .preview_tips p{position:relative;color:#fff;line-height:36px;}
.video-detail .play-area .play-box .preview_tips p.fr a{padding:8px 10px;color:#fff;line-height:36px;}
.video-detail .play-area .play-box .preview_tips a{color:#ff8420;}
.video-detail .play-area .menu-box{min-height:680px;width:350px;right:-390px;top:0;position:absolute;background:#1f1f1f;padding:15px 20px 20px;}
.video-detail .play-area .menu-box .title{font-size:16px;color:#666;margin-bottom:5px;}
.video-detail .play-area .menu-box .chapters{overflow-y:auto;height:634px;}
.video-detail .play-area .menu-box .chapters::-webkit-scrollbar{width:6px;background-color:#333;}
.video-detail .play-area .menu-box .chapters::-webkit-scrollbar-thumb{border-radius:10px;background-color:#6c6c6c;}
.video-detail .play-area .menu-box .chapters .chapter{cursor:default;font-size:14px;color:#666;display:block;height:35px;line-height:35px;}
.video-detail .play-area .menu-box .chapters .on{background:#2f2f2f;}
.video-detail .play-area .menu-box .chapters .chapter-hover:hover{cursor:pointer;background:#2f2f2f;}
.video-detail .play-area .menu-box .chapters .chapter span{padding-left:10px;}
.video-detail .play-area .menu-box .chapters .chapter span.l{float:left;width:48px;overflow:hidden;}
.video-detail .play-area .menu-box .chapters .chapter span.ll{float:left;width:235px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.video-detail .play-area .menu-box .chapters .chapter span.r{float:right;width:6px;height:8px;margin:10px 10px 0 0;}
.video-detail .play-area .menu-box .chapters .chapter span.fin{border:2px solid #70C77D;background:#70C77D;}
.video-detail .play-area .menu-box .chapters .chapter span.lrn{border:2px solid #70C77D;}
.video-detail .play-area .menu-box .chapters .chapter span.lrn em{background:#70C77D;width:10px;height:10px;float:left;margin-left:-12px;}
.video-detail .play-area .menu-box .chapters .chapter span.ept{border:2px solid #444;}
.video-detail .play-area .chapter-box .ico-chapter{width:18px;height:14px;background-position:-161px -143px;}
.video-detail .play-head{padding-right:60px;height:70px;}
.video-detail .play-head a.l{width:70px;height:46px;padding-top:24px;float:left;text-align:center;}
.video-detail .play-head a:hover.l{background:#2a2a2a;}
.video-detail .play-head .logo-back{width:14px;;height:24px;background-position:-155px -179px;}
.video-detail .play-head .ctrl{padding-top:22px;color:#fff;font-size:16px;float:left;}
.video-detail .play-head .ctrl a{color:#fff;font-size:16px;}
.video-detail .play-head .ctrl .play-title{float:left;margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.video-detail .play-head .ctrl .fav{float:left;margin-left:38px;}
.video-detail .play-head .ctrl .logo-fav{float:left;width:25px;height:24px;background-position:-103px -179px;}
.video-detail .play-head .ctrl .logo-faved{float:left;width:25px;height:24px;background-position:-127px -179px;}
.video-detail .play-head .ctrl .sp{color:#656565;padding:0 20px;}
.video-detail .play-head .ctrl .qq{width:19px;height:21px;background-position:-115px -271px;padding-left:0;float:none;}
.video-detail .play-head .ctrl .weixin{width:27px;height:20px;background-position:-138px -271px;padding-left:0;float:none;}
.video-detail .play-head .ctrl .weibo{width:25px;height:21px;background-position:-168px -271px;padding-left:0;float:none;}
.video-detail .play-head .ctrl .qq:hover{width:19px;height:21px;background-position:-115px -295px;}
.video-detail .play-head .ctrl .weixin:hover{width:27px;height:20px;background-position:-138px -295px;}
.video-detail .play-head .ctrl .weibo:hover{width:25px;height:21px;background-position:-168px -295px;}
.video-detail .layer{z-index:101;position:absolute;top:200px;left:50%;margin-left:-337px;width:674px;height:380px;background:rgba(0,0,0,0.8) !important;background:#000;filter:alpha(opacity=80);}
.video-detail .layer .rel{position:relative;}
.video-detail .layer .ico-cls{position:absolute;top:20px;right:20px;width:18px;height:18px;line-height:999px;overflow:hidden;background-position:-102px -142px;}
.video-detail .layer .ico-cls:hover{background-position:-122px -142px;}
.video-detail .layer .ico-cls:active{background-position:-142px -142px;}
.video-detail .layer .ico-replay{width:24px;height:24px;background-position:-169px -179px;}
.video-detail .layer .btn-replay{height:48px;line-height:48px;margin-top:80px;}
.video-detail .layer .btn-replay:hover{background:none;}
.video-detail .layer .p1{font-size:16px;color:#a6a6a6;margin:40px 0 30px;}
.video-detail .layer .p2{font-size:18px;width:192px;height:58px;line-height:58px;}
.video-detail .layer .p3{font-size:22px;color:#e9e9e9;padding-top:130px;}
.video-detail .layer .p4{margin:35px 26px 0 105px;font-size:18px;width:192px;height:58px;line-height:58px;float:left;}
.video-detail .layer .p5{font-size:14px;color:#e9e9e9;float:left;margin-top:38px;}
.video-detail .layer .p5 em{font-size:30px;}


/* open_vip.html(购买视频)
------------------------------ */
.popup-vip{width:600px;margin:-306px 0 0 -300px;}
.popup-vip .popup-bd{padding:0;}
.popup-vip .intro{padding:12px 20px;color:#666666;background:#f4f4f4;border-bottom:1px solid #dcdcdc;}
.popup-vip .intro dt{float:left;padding:4px 0;}
.popup-vip .intro dd{padding:4px 0;}
.popup-vip .switch{padding:0 20px;text-align:right;}
.popup-vip .switch a{display:inline-block;padding:3px 20px;margin-top:-1px;color:#666666;background:#f4f4f4;border:1px solid #dcdcdc;border-top-color:#f4f4f4;}
.popup-vip .apply{padding:20px 20px 0;color:#666666;font-size:16px;}
.popup-vip .apply dt{float:left;}
.popup-vip .apply dd{padding:0 0 30px 90px;}
.popup-vip .apply .level .tab-tick li{width:188px;}
.popup-vip .apply .level .tab-tick li a{padding:17px 1px;}
.popup-vip .apply .level .tab-tick .selected a{padding:16px 0;border:2px solid #ff8420;zoom:1;}
.popup-vip .apply .level dt{padding-top:23px;}
.popup-vip .apply .level .num{font-size:20px;}
.popup-vip .apply .level .gap{margin:0 3px;color:#bfbfbf;}
.popup-vip .apply .method dt{padding-top:9px;}
.popup-vip .apply .total dt{padding-top:5px;}
.popup-vip .apply .total .num{font-size:24px;margin-right:2px;vertical-align:middle;}
.popup-vip .apply .txt{color:#3a3a3a;font-size:14px;margin-bottom:24px;}
.popup-vip .handle{padding:0 20px 30px;text-align:center;}
.popup-vip .handle .lbl{display:block;margin-bottom:26px;color:#666666;}
.popup-vip .handle .lbl a{color:#666666;}
.popup-vip .handle .lbl a:hover{color:#ff8420;}
.popup-vip .handle .btn{padding:0 47px;}


/* personal.html(个人主页)
------------------------------ */
.personal .banner{padding:28px 0;margin-bottom:30px;background:url(../imgs/bg_banner.png) no-repeat center;}
.personal .banner .face{float:left;margin-right:22px;position:relative;}
.personal .banner .face .avat{width:130px;height:130px;}
.personal .banner .face .ico-vip{width:29px;height:29px;position:absolute;bottom:2px;right:2px;background-position:-240px -204px;}
.personal .banner h2{padding-top:26px;font-size:22px;}
.personal .banner p{color:#666666;}
.personal .banner .deal .btn{margin-left:12px;}
.personal .banner .stat{padding-top:8px;}
.personal .banner .stat .ide{display:inline-block;padding:0 8px;height:22px;line-height:22px;color:#ffffff;background:#ff8420;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.personal .sidebar{float:left;width:200px;}
.personal .sidebar .menu li a{display:block;height:48px;line-height:48px;padding:0 30px;font-size:16px;color:#666666;background:#efefef;border-left:2px solid #efefef;}
.personal .sidebar .menu li a:hover{background:#e8e8e8;border-color:#dfdfdf;}
.personal .sidebar .menu li.selected a{color:#ff8420;background:#e8e8e8;border-color:#ff8420;}
.personal .content{float:right;width:970px;}
.personal .tab-cnt .form{width:454px;margin:0 auto;}
.personal .pole-tip{width:350px;margin:0 auto;}
.personal .tab-nav{margin-bottom:20px;font-size:16px;}
.personal .tab-cnt{padding-bottom:20px;}
.personal .moda-list{width:970px;}

/* 我的视频 */
.personal .my-video .moda-list li{width:310px;}
.personal .my-video .moda-list li img{width:310px;height:174px;}
.personal .my-record{padding-left:15px;border-left:1px solid #dcdcdc;}
.personal .my-record .moda-list li{width:304px;}
.personal .my-record .moda-list li img{width:304px;height:171px;}
.personal .my-record .step-time .moda-head{position:relative;margin-bottom:20px;color:#666666;}
.personal .my-record .step-time .moda-head em{display:inline-block;width:92px;height:32px;line-height:32px;text-align:center;background:#ededed;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.personal .my-record .step-time .moda-head .ico-dotted{display:block;width:18px;height:9px;position:absolute;top:12px;left:-18px;background-position:-276px -142px;}
.personal .my-order .chx{margin-right:20px;}
.personal .my-order .order-item{margin-bottom:20px;_margin-bottom:0;border-bottom:1px solid #dcdcdc;}
.personal .my-order .item-hd{height:46px;line-height:46px;padding:0 20px;overflow:hidden;_zoom:1;background:#f9f9f9;}
.personal .my-order .item-hd .time{float:left;width:100px;}
.personal .my-order .item-hd .num{float:left;width:528px;}
.personal .my-order .item-hd .prize{float:left;width:199px;}
.personal .my-order .item-hd .stat{float:left;}
.personal .my-order .item-bd{/*width:970px;*/overflow:hidden;_zoom:1;}
.personal .my-order .item-bd .prize,.personal .my-order .item-bd .stat{float:left;width:95px;height:82px;padding-top:58px;text-align:center;border-left:1px solid #dcdcdc;}
.personal .my-order .item-bd .prize{width:177px;height:84px;padding-top:56px;}
.personal .my-order .item-bd .prize em{font-size:18px;}
.personal .my-order .item-bd .stat{width:219px;}
.personal .my-order .item-bd .option{float:left;width:532px;height:104px;*height:120px;position:relative;padding:0 20px;margin:20px 0 16px;}
.personal .my-order .item-bd .option .list-box{width:460px;margin:0 36px;overflow:hidden;}
.personal .my-order .item-bd .option .list-box ul{width:10000px;}
.personal .my-order .item-bd .option .list-box li{float:left;margin-right:20px;}
.personal .my-order .item-bd .option .list-box li img{width:140px;height:79px;margin-bottom:3px;}
.personal .my-order .item-bd .option .deal-bar{width:16px;height:14x;padding:33px 0 32px;position:absolute;top:0;background:#f2f2f2;}
.personal .my-order .item-bd .option .deal-bar i{display:block;width:8px;height:14px;margin:0 auto;}
.personal .my-order .item-bd .option .deal-bar:hover{background:#ebebeb;}
.personal .my-order .item-bd .option .bar-prev{left:20px;}
.personal .my-order .item-bd .option .bar-prev i{background-position:-232px -161px;}
.personal .my-order .item-bd .option .bar-next{right:20px;}
.personal .my-order .item-bd .option .bar-next i{background-position:-242px -161px;}
.personal .my-order .item-bd .option .card-box{overflow:hidden;}

.personal .my-order .item-card .prize{height:101px;padding-top:72px;}
.personal .my-order .item-card .stat{height:98px;padding-top:75px;}
.personal .my-order .item-bd .option .card-box img{float:left;width:250px;height:137px;}
.personal .my-order .item-bd .option .card-box h3{padding-top:44px;font-size:16px;}
.personal .my-order .item-bd .option .card-box h3,.personal .my-order .item-bd .option .card-box p{padding-left:270px;}

/* 我的收藏 */
.personal .my-collect .moda-list li{width:310px;}
.personal .my-collect .moda-list li img{width:310px;height:174px;}

/* 我的资料 */
.personal .my-profile,.personal .avatar,.personal .my-password{padding-top:30px;}
.personal .my-avatar{padding-left:200px;font-size:16px;}
.personal .my-avatar .photo{float:left;width:220px;text-align:center;}
.personal .my-avatar .photo img{width:220px;height:220px;margin-bottom:10px;}
.personal .my-avatar .intro{padding:100px 0 0 260px;}
.personal .my-avatar .intro .btn{width:180px;margin-top:20px;}


#middle_box .handle{margin-top:30px;}
#middle_box .apply{text-align:center;}
#middle_box .js-title{font-size:20px;font-weight:800;}


/* 其他 */
.js-label{cursor:pointer;}




